<template>
  <div class="shopping-card">
    <div class="card-title">
      ●订单编号: <span style="font-size: large">{{ title }}</span>
    </div>
    <div class="card-table">
      <a-table
        :columns="shoppingcolumns"
        :dataSource="dataSource"
        :pagination="false"
        :rowKey="record => record.id"
        bordered
      >
      </a-table>
    </div>
    <div class="card-end">
      <div>
        总计：<span style="color: red;font-size: 20px">{{ totalPrice }}</span>元</div>
      <br>
      收货地址：<span style="color: black;font-size: 20px">{{ address }}</span>
    </div>
    <a-divider />
  </div>

</template>
<script>

const shoppingcolumns = [
  {
    title: '商品名称',
    // key: 'bookname',
    dataIndex: 'bookname',
    align: 'center'
  },
  {
    title: '作者',
    // key: 'authors',
    dataIndex: 'authors',
    align: 'center'
  },
  {
    title: '商品单价',
    // key: 'price',
    dataIndex: 'price',
    align: 'center'
  },
  {
    title: '购买数量',
    // key: 'num',
    dataIndex: 'num',
    slots: { title: 'num' },
    scopedSlots: { customRender: 'num' },
    align: 'center'
  },
  {
    title: '小计',
    // key: '',
    dataIndex: 'singerNum',
    align: 'center'
  },
  {
    title: '添加时间',
    // key: 'createTime',
    dataIndex: 'createTime',
    align: 'center',
    customRender: (value, record, index) => {
      var tsmil = parseInt(value) * 1000
      var date = new Date(tsmil)
      var fmt = 'yyyy-MM-dd hh:mm:ss'
      var o = {
        'M+': date.getMonth() + 1, // 月份
        'd+': date.getDate(), // 日
        'h+': date.getHours(), // 小时
        'm+': date.getMinutes(), // 分
        's+': date.getSeconds(), // 秒
        'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
        'S': date.getMilliseconds() // 毫秒
      }

      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      }

      for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
          fmt = fmt.replace(
            RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
        }
      }
      return fmt
    }
  }
]
export default {
  name: 'Orderitem',
  props: {
    dataSource: {
      type: Array,
      default: function () {

      }
    },
    totalPrice: {
      type: Number,
      default: 0
    },
    address: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: '未支付订单'
    }
  },
  data () {
    return {
      user: {},
      shoppingcolumns
    }
  },
  // methods: {
  // },
  // computed: {
  // },
  // mounted () {
  // },
  created () {
    this.user = this.$store.getters.userInfo
  }
}
</script>

<style scoped>
</style>
